$(function () {
    //  需求: 1.一开始就可以实现一个动画的向上滚动（base core）


    //     需求:2.计算偏移位置

    // let sum = 0;
    // let $uls = $('#youlove .vessel div ul');
    // function run() {

    //     let currentElement = $uls.eq(sum);
    //     // 获取元素高度
    //     let pictureHeight = currentElement.outerHeight();
    //     // 切换索引进入到下一张
    //     sum++;
    //     // 计算偏移量

    //     let offsetTop = sum * pictureHeight * -1;
    //     // console.log(offsetTop);

    //     let head = $('#youlove .vessel > div');
    //     // console.log(head);  
    //     head.animate({ top: offsetTop }, 2000, function () {
    //         if (sum === $uls.length - 1) {
    //             head.css('top', 0),
    //                 sum = 0;
    //         }
    //     })
    // }

    // // $('#youlove a').click(function () {
    // //     run()
    // // })
    // // run();


    // // 一开始的切换器
    // let timer = setInterval(function () {
    //     run();
    // }, 3000);
    // 鼠标悬浮切换器
    // $('').hover(function(){
    //     clearInterval(timer)
    // },function(){
    //     timer=setInterval(function(){
    //         run();
    //     },3000)
    // })



    //    1. 给左右按钮绑定鼠标移入、移出事件
    //     对于定时器进行处理
    //       移入：清除定时器
    //       移出：设置定时器
    //     2. 给按钮绑定点击事件
    //      左边按钮
    //          将当前的索引-2
    //          调用run2函数的执行（run2函数内部包含索引加一）
    //      右边按钮
    //          调用run2函数的执行（run2函数内部包含索引加一）

    // $('#exclusive .leftbtn').click(function () {
    //     // console.log(5)
    //     if (sum === 0) {
    //         sum = $uls.length - 3;
    //     } else {
    //         sum = sum - 2;
    //     }
    //     run()
    // })
    //     .mouseenter(function () {
    //         clearInterval(timer);
    //     })
    //     .mouseleave(function () {
    //         timer = setInterval(function () {
    //             run();
    //         }, 3000)
    //     })

    // $('#exclusive .rightbtn').click(function () {
    //     // console.log(9)
    //     run()
    // })
    //     .mouseenter(function () {
    //         clearInterval(timer);
    //     })
    //     .mouseleave(function () {
    //         timer = setInterval(function () {
    //             run()
    //         }, 3000)
    //     })

    //图书切换页面的方法
    $('#ebook .title ul li').hover(function () {
        $(this).addClass('active').siblings().removeClass('active');
        let index = $(this).index();
        $('#ebook .content>ul').eq(index).addClass('on').siblings().removeClass('on');

    })


    //热门畅销的变化效果
    $('#ebook .rightbox ul li').hover(function () {
        $('h4', this).addClass('hide');
        $('div', this).removeClass('hide');
        $(this).siblings().find('h4').removeClass('hide');
        $(this).siblings().find('div').addClass('hide');
    })


    function Swiper(Selector, options) {
        this.sum = 0;
        this.Selector = Selector;

        // 往下开始是另一种测试
        if (options) {
            if (options.controls) {
                this.init()
            }
        }
    }

    Swiper.prototype.init = function () {
        let self = this;
        let $uls = $(self.Selector + '> div ul')
        // console.log();
        $('.leftbtn').click(function () {
            // console.log(1);

            if (self.sum === 0) {
                self.sum = self.length - 3;
            } else {
                self.sum = self.sum - 2;
            }
            self.run()
        })
        $('.rightbtn').click(function () {
            self.run()
        })
    }



    Swiper.prototype.run = function () {
        // console.log('快动啊铁奥')
        let self = this;
        let $uls = $(self.Selector + '>div ul');
        //  console.log($(self.Selector + '>div ul'))
        let currentElement = $uls.eq(self.sum);
        // 获取元素高度
        let pictureHeight = currentElement.outerHeight();
        // 切换索引进入到下一张
        self.sum++;
        // 计算偏移量

        let offsetTop = self.sum * pictureHeight * -1;
        //  console.log(offsetTop);

        let head = $(self.Selector + '>div');
        // console.log(head.get(0));  
        head.stop().animate({ top: offsetTop }, 2000, function () {
            // console.log('快动啊铁奥')
            if (self.sum === $uls.length - 1) {
                head.css('top', 0),
                    self.sum = 0;
            }
        })
    }
    let swiper1 = new Swiper('#box1', { controls: true })
    swiper1.run();
    let swiper2 = new Swiper('#box2')
    setInterval(function () {
        swiper2.run()
    }, 3000)

   

})